@charset "utf-8";
@import "./reset";

@font-face {
  font-family: "PingFang-SC";
  src: url(../fonts/PingFang-SC.ttf);
}

// 公共头部
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;

  .header {
    width: 100vw;
    height: 13.3333vw;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555555;
    font-size: 4.2667vw;
    font-weight: 500;
    font-family: "PingFang-SC";
  }

  .logo {
    display: flex;
    justify-content: center;
    width: 100vw;
    padding-top: 8vw;
    background: #fff;

    img {
      width: 36.8vw;
      height: 15.1787vw;
    }
  }
}

// 主体区域
form {
  margin: 9.3333vw 4vw;
  padding-top: 34.1333vw;

  .item {
    width: 92vw;
    height: 19.4667vw;
    border-bottom: .5333vw solid #e9ecf0ff;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;

    p {
      color: #555555ff;
      font-size: 3.7333vw;
      font-weight: 400;
      font-family: "PingFang-SC";
    }

    input {
      width: 61.6907vw;
      height: 5.6vw;
      color: #757575ff;
      font-size: 4vw;
      font-weight: 400;
      font-family: "PingFang-SC";
      border: 0px;
      outline: 0px;
      text-align: left;
      margin-left: -0.2667vw;
    }
  }

  a {
    text-decoration: none;
    color: #555555ff;
    font-size: 4vw;
    font-weight: 400;
    font-family: "PingFang-SC";
    text-align: center;
  }

  .code {
    height: 12vw;
    background: #884e22ff;
    color: #ffffffff;
    font-size: 4.6667vw;
    line-height: 12vw;
    font-weight: 400;
    font-family: "PingFang-SC";
    text-align: center;
    margin-top: 9.3333vw;
    margin-bottom: 8vw;
  }

  .password {
    font-size: 4.6667vw;
    margin-bottom: 8vw;
  }

  .third-party {
    font-size: 3.7333vw;
    margin-bottom: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555555ff;
    font-weight: 400;
    font-family: "PingFang-SC";
    text-align: center;

    .front {
      width: 34.6667vw;
    }

    .line {
      width: 21.3333vw;
      height: .2667vw;
      background: #555555ff;
    }
  }

  .party {
    display: flex;
    justify-content: space-around;

    .part {
      font-size: 3.7333vw;
    }
  }
}